Install the html webpack plugin

npm i -D html-webpack-plugin

Require the plugin at the top of your webpack config

const HtmlWebPackPlugin = require(‘html-webpack-plugin’)

Add a plugins list to the webpack config and instantiate the plugin

plugins: [
    new HtmlWebPackPlugin({
        template: "./src/client/views/index.html",
        filename: "./index.html",
    })
]

Run webpack and observe the new dist folder output

Update your server file. Change the home route to use the index file from dist:

app.get('/', function (req, res) {
    res.sendFile('dist/index.html')
})

Update your server file to look for asset files in the dist instead of client.
Change:

app.use(express.static('src/client'))

To:

app.use(express.static('dist'))

Run the server

Git commit